<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 
        audio,在页面中引入一个外部音频
        音视频文件引入是，默认情况下不允许用户自己控制播放停止的
        属性：
         -controls 是否允许用户控制播放（没有值，存在即生效）
         -autoplay 音视频文件是否自动播放
           .如果设置了autoplay在打开用户打开网页时，自动播放，
            但是大部分浏览器都不自动对音乐进行播放
         -loop音乐循环播放


     -->

    <!-- 
        IE9以上 
        <audio src="./video/一路向北-周杰伦-6871880.mp3" controls></audio>
      -->
    <!-- 
        IE8有提示
        <audio controls>
         您的的浏览器不支持，升级浏览器（第一个不能识别，识别第二个，都不能识别，则显示文字）
         <source src="./video/蒲公英的约定-周杰伦-324243(1).mp3"> 
         <source src="./video/蒲公英的约定-周杰伦-324243(1).mp3">     
     </audio> -->

    <!-- 
    IE8,自动播放
 type指定格式
    <embed  width="200" height="100" src="./video/一路向北-周杰伦-6871880.mp3" type="audio/mp3">  -->

    <!-- 兼容版本
<audio controls> 
         <source src="./video/蒲公英的约定-周杰伦-324243(1).mp3"> 
         <source src="./video/蒲公英的约定-周杰伦-324243(1).mp3"> 
          <embed  src="./video/一路向北-周杰伦-6871880.mp3" type="audio/mp3"> 
     </audio>
-->

    <!-- 
    video引入视频文件


 -->
 <audio controls src="./video/够钟-周柏豪-525768.mp3"></audio>
    <!-- <video controls>
<source src="">
<embed src="" type="video/mp4">

    </video> -->
    <iframe width="400" height="200"
        src="//player.bilibili.com/player.html?aid=671048773&bvid=BV1Ra4y1n7Zg&cid=277374732&page=1"
        allowfullscreen="true"> </iframe>
</body>

</html>